import type { SVGProps } from "react";

type Props = SVGProps<SVGSVGElement> & {
  /** Color of the typography */
  typeColor?: string;

  /** Background color of the icon */
  iconBgColor?: string;

  iconShelfsColor?: string;
};

const ShelfLogo = ({
  typeColor = "#070732",
  iconBgColor = "#ff7809",
  iconShelfsColor = "#fff",
  ...rest
}: Props) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={rest.width || 250.269}
    height={rest.height || 79.771}
    preserveAspectRatio="xMidYMid meet"
    {...rest}
  >
    <g data-name="Group 3">
      <path
        data-name="Rectangle 1"
        fill={typeColor}
        d="M236.007 28.965h13.381v7.261h-13.381z"
      />
      <g data-name="Group 2">
        <path
          data-name="Path 1"
          d="M121.934 29.479a5.741 5.741 0 0 0-2.337-4.266 9.257 9.257 0 0 0-5.6-1.521 10.87 10.87 0 0 0-4.062.67 5.7 5.7 0 0 0-2.53 1.85 4.377 4.377 0 0 0-.873 2.677 3.761 3.761 0 0 0 .533 2.178 5.2 5.2 0 0 0 1.6 1.6 11.422 11.422 0 0 0 2.36 1.157 23.123 23.123 0 0 0 2.859.828l4.175 1a29.436 29.436 0 0 1 5.582 1.816 16.967 16.967 0 0 1 4.4 2.791 11.74 11.74 0 0 1 2.893 3.9 12.449 12.449 0 0 1 1.055 5.151 12.841 12.841 0 0 1-2.167 7.385 13.81 13.81 0 0 1-6.172 4.834 24.725 24.725 0 0 1-9.7 1.713 25.469 25.469 0 0 1-9.791-1.725 14.235 14.235 0 0 1-6.492-5.117 15.14 15.14 0 0 1-2.439-8.407h9.507a7.014 7.014 0 0 0 1.35 3.891 7.235 7.235 0 0 0 3.2 2.337 12.447 12.447 0 0 0 4.55.783 11.837 11.837 0 0 0 4.345-.726 6.636 6.636 0 0 0 2.87-2.019 4.663 4.663 0 0 0 1.021-2.973 3.89 3.89 0 0 0-.919-2.632 7.167 7.167 0 0 0-2.677-1.815 27.67 27.67 0 0 0-4.3-1.361l-5.06-1.271a21.215 21.215 0 0 1-9.28-4.47 10.369 10.369 0 0 1-3.381-8.191 12.134 12.134 0 0 1 2.258-7.375 15.062 15.062 0 0 1 6.274-4.923 22.179 22.179 0 0 1 9.076-1.77 21.551 21.551 0 0 1 9.042 1.77 14.3 14.3 0 0 1 6.024 4.923 13.037 13.037 0 0 1 2.224 7.307Z"
          fill={typeColor}
        />
        <path
          data-name="Path 2"
          d="M147.251 42.435v20.148h-9.666V16.114h9.394V33.88h.408a9.931 9.931 0 0 1 3.812-4.844 11.641 11.641 0 0 1 6.6-1.758 12.383 12.383 0 0 1 6.342 1.577 10.8 10.8 0 0 1 4.221 4.515 15.013 15.013 0 0 1 1.485 7.022v22.191h-9.665V42.117a7.072 7.072 0 0 0-1.623-5.015 5.924 5.924 0 0 0-4.6-1.792 7.055 7.055 0 0 0-3.483.839 5.872 5.872 0 0 0-2.359 2.44 8.272 8.272 0 0 0-.874 3.846"
          fill={typeColor}
        />
        <path
          data-name="Path 3"
          d="M208.556 47.631v-2.654a22.071 22.071 0 0 0-1.248-7.772 15.036 15.036 0 0 0-3.483-5.525 14.509 14.509 0 0 0-5.219-3.3 18.434 18.434 0 0 0-6.432-1.1 17.1 17.1 0 0 0-8.929 2.269 15.406 15.406 0 0 0-5.888 6.33 20.374 20.374 0 0 0-2.087 9.44 20.474 20.474 0 0 0 2.087 9.541 14.809 14.809 0 0 0 5.956 6.217 18.476 18.476 0 0 0 9.246 2.19 20.3 20.3 0 0 0 7.613-1.328 13.939 13.939 0 0 0 5.4-3.721 12.2 12.2 0 0 0 2.78-5.617h-9.273a3.313 3.313 0 0 1-1.12 1.635 6.113 6.113 0 0 1-2.291 1.361 9.132 9.132 0 0 1-2.95.454 8.251 8.251 0 0 1-4.2-1.021 6.9 6.9 0 0 1-2.735-2.9 9.694 9.694 0 0 1-.964-4.471v-.022ZM188.441 35.5a7.451 7.451 0 0 1 3.891-1.009 7.3 7.3 0 0 1 3.71.919 6.6 6.6 0 0 1 2.508 2.53 7.413 7.413 0 0 1 .907 3.7h-14.613a7.622 7.622 0 0 1 .956-3.44 7.244 7.244 0 0 1 2.643-2.7"
          fill={typeColor}
        />
        <path
          data-name="Rectangle 2"
          fill={typeColor}
          d="M214.863 16.115h9.666v46.469h-9.666z"
        />
        <path
          data-name="Path 4"
          d="M232 62.584V26.811a12.123 12.123 0 0 1 1.486-6.286 9.423 9.423 0 0 1 4.073-3.744 13.372 13.372 0 0 1 5.877-1.248 22.553 22.553 0 0 1 4.073.341 28.083 28.083 0 0 1 2.757.613l-1.725 7.26a12.457 12.457 0 0 0-1.4-.34 8.957 8.957 0 0 0-1.691-.159 3.741 3.741 0 0 0-2.972.988 4.123 4.123 0 0 0-.84 2.756v35.592Z"
          fill={typeColor}
        />
        <path
          data-name="Rectangle 3"
          fill={iconBgColor}
          d="M0 0h79.771v79.771H0z"
        />
        <path
          data-name="Rectangle 4"
          fill={iconShelfsColor}
          d="M19.044 26.569h16.031v6.413H19.044z"
        />
        <path
          data-name="Path 5"
          d="M27.06 23.362v-6.413l25.65-2.432v8.845Z"
          fill={iconShelfsColor}
        />
        <path
          data-name="Rectangle 5"
          fill={iconShelfsColor}
          d="M27.06 36.188h25.65v6.413H27.06z"
        />
        <path
          data-name="Rectangle 6"
          fill={iconShelfsColor}
          d="M44.694 45.807h16.031v6.413H44.694z"
        />
        <path
          data-name="Path 6"
          d="M27.06 64.527v-9.1h25.65v6.412Z"
          fill={iconShelfsColor}
        />
        <path data-name="Rectangle 7" fill="none" d="M0 0h250.269v79.771H0z" />
      </g>
    </g>
  </svg>
);

export default ShelfLogo;
